Web Development lesson plan
Class: 9th to 12th - Lesson: Web Development - Organizing Content with Flexbox

Purpose: Students will learn to create a webpage using Flexbox.

No. of Classes

It will take 1 or 2 classes. Students strength 1 or 2 combined with single mail ID.

Material Required
  1. Internet Connection
  2. Google Chrome
  3. Mail ID
  4. Code.org(Website)
Curriculum Content

12. Organizing Content with Flexbox

Prior knowledge

Students should recall the lessons from the previous class.


Exercise

Exercise: 1


What do we need to do to prepare to build our web pages with organizing content using flexbox?

Organizing Content with Flexbox


Teacher Instruction
  1. Teachers should guide students on how to lay out content using div.
  2. Teachers should follow the instructions and look at the creative layouts the students have made with Flexbox.